.user_list {
    width: 1200px;
    .role_form {
        padding: 30px;
        background-color: red;
    }
    .operation {
        > span:not(:first-child) {
            color: #9b9ad4 !important;
        }
    }
    .role {
        background-color: #f7f8fa;
        border: 1px solid #dce0e6;
        border-radius: 2px;
        font-weight: 600;
        font-size: 12px;
        color: #c62a71;
        text-align: center;
        padding: 4px;
        height: 16px;
        margin: 0 4px;
    }
    .list_search {
        float: right;
        margin-right: 20px;
    }
    .title {
        font-size: 21px;
        color: rgba(255, 255, 255, 0.726);
    }
    .ant-card {
        width: 100%;
        border-radius: 8px;
        min-height: 650px;
        .ant-card-head {
            background-color: #5340949c;
            border-radius: 8px 8px 0 0;
        }
        .ant-card-body {
            padding: 0 !important;
            border-top: 1px solid #e8e8e8;
            .updatePass {
                color: rgb(116, 163, 62);
                &:hover {
                    color: rgb(149, 214, 74);
                }
            }
            .del {
                color: rgb(197, 43, 43);
                &:hover {
                    color: rgb(255, 0, 0);
                }
            }
        }
    }
}
